<template>
  <div>
    <div>Error page</div>

    <div>action_id:{{ action_id }} 没有定义 todo</div>

    <div>-----</div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  components: {},
  mixins: [],

  data() {
    return {
      action_id: ''
    }
  },
  computed: {},
  watch: {
    // 菜单切换时, 触发
    '$route.fullPath': {
      handler: function (/*val*/) {
        // console.log('in watch, $route.fullPath')
        // console.log('watch fullPath')
        const query = this.$route.query
        const { action } = query
        this.action_id = action
      },
      deep: true
    }
  },

  async created() {},

  mounted() {
    const query = this.$route.query
    const { action } = query
    this.action_id = action
  },

  methods: {}
}
</script>

<style type="text/css"></style>
